<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: skyblue;
			}
			.loginDiv{
				width: 550px;
				height: 530px;
				background-color: white;
				margin: 0 auto;/*div居中,margin表示外边距*/
				margin-top: 20px;/*让div顶部外边距是20px,让div离顶部远一些*/
				/*padding是顶端内边距*/
				padding-top: 30px;
				/*让毕业设计管理系统这些字居中*/
				text-align: center;
			}
			.loginInput{
				width: 426px;
				height: 55px;
				border-radius: 5px;
				border: 1px solid darkgray;
				margin-bottom: 20px;
				padding-left: 40px;
				background-color: transparent;/*文本框背景色成透明*/
				margin-left: -28px;
			}
			.loginBtn{
				width: 426px;
				height: 50px;
				background-color:#FF6B4D ;/*登录按钮S*/
				color: white;
				font-size: 20px;
				border-radius: 5px;
				border: none;/*这里是去掉边框*/
			}
			.thirdLogin{
				margin-top: 30px;
				margin-bottom: 20px;
				
			}
			.logpic{
				margin-left: 30px;
			}
		</style>
	</head>
	<body>
		<!--div是可以套div的，div是可以放任何东西的-->
		<div class="loginDiv"> 
		<!--这个div是方logo的-->
		<div style="text-align: center;"><!--让logo居中-->
			<img src="img/tyustlogo.png" width="350px"/>
		  </div>
			  <h2>毕业设计管理系统</h2>
			 <div>
				 <img src="img/user.png"/><input class="loginInput" type="text" placeholder="请输入用户名"/>
				 <br />
				 <img src="img/password.png"/><input class="loginInput" type="password" placeholder="请输入密码"/>
				 <br />
				 <input class="loginBtn" type="submit" value="登录"/>
			 </div> 
			 <div class="thirdLogin">
				 <!--这里放第三方登录-->
				 <img class="logpic" src="img/weixin.png"/>
				 <img class="logpic" src="img/qq.png"/>
				 <img class="logpic" src="img/weibo.png"/>
			 </div>
			 <div style="font-size: 16px;line-height: 25px;"><!--网页文字一般是12~16px line height是调节文字的行间距-->
				 技术支持：太原科技大学 宋书记
				 <br />
				 开发者：计算机学院 薛犇
			 </div>
		</div>
	</body>
</html>